<script setup>
import BaSicComponents from './components/BaSicComponents'
import BoxComponents from './components/BoxComponents'
import FormComponents from './components/FormComponents.vue';
import DataComponents from './components/DataComponents.vue';
</script>

<template>
  <div class="box">
    <BaSicComponents />
    <div class="divider"></div>
    <BoxComponents />
    <div class="divider"></div>
    <FormComponents />
    <div class="divider"></div>
    <DataComponents />
  </div>
</template>

<style scoped lang="less">
.box {
  display: flex;
  .divider {
    margin: 0 10px;
  }
}
</style>
